.tableCont {
    height: 100px;
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}
.tableHead {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom:15px;
}


.tableMain{
    flex: 1;
    height: 100px;
    display: flex;
    flex-direction: column;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    .tableCtrl{
        display: flex;
        align-items: center;
    }
    .action-cell {
        display: flex;
        gap: 8px;
        .action-btn {
          width: 34px;
          height: 34px;
          border-radius: 8px;
          border: none;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: all 0.3s ease;

          &.edit-btn {
            background: rgba(75, 88, 220, 0.1);
            color: #4b58dc;

            &:hover {
              background: #4b58dc;
              color: white;
            }
          }
          &.detail-btn{
            background-color: rgba(133, 206, 97, 0.1);
            color: #85ce61;
            &:hover {
              background: #85ce61;
              color: white;
            }
          }

          &.delete-btn {
            background: rgba(220, 75, 88, 0.1);
            color: #dc4b58;

            &:hover {
              background: #dc4b58;
              color: white;
            }
          }
        }
      }
    .tableImg{
        height: 40px;
        border-radius: 5px;
    }
}
.pageCont{
    display: flex;
    margin-top: 15px;
    justify-content: center;
}
@primary-gradient: linear-gradient(135deg, #4b58dc, #7b86ff);
.page-title {
    position: relative;
    margin-bottom: 20px;
    width: 120px;
    display: inline-block;
    .title-text {
      font-size: 24px;
      font-weight: 600;
      background: @primary-gradient;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
      z-index: 1;
    }

    .title-decoration {
      position: absolute;
      left: -8px;
      bottom: -5px;
      width: calc(100% + 16px);
      height: 12px;
      background: linear-gradient(
        90deg,
        rgba(75, 88, 220, 0.2),
        rgba(123, 134, 255, 0.1)
      );
      border-radius: 6px;
      z-index: 0;
    }
  }




